<template>
	<div class="md-search" :style="{marginTop: value.margin + 'px', padding: value.paddingy + 'px ' + value.paddingx + 'px', backgroundColor: value.bgcolor}">
		<div class="md-search-box" :style="{borderRadius: value.radius + 'px', backgroundColor: value.inputbg}">
			<input :placeholder="value.placeholder" />
			<i class="icon" :style="{filter: 'drop-shadow('+ value.color +' -26px 0px)'}"></i>
		</div>
	</div>
</template>

<script>
export default {
	name: 'searchContent',
	props: {
		value: Object
	}
}
</script>

<style>
</style>